<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>使用文档结构元素构建网页布局</title>
	</head>
	<body>
		<article id="main">
			<header>
				<h1 align='center'>小美装修人才招聘</h1>
			</header>
			<aside>
				<h3>人才分类</h3>
				<section>
					<ul>
						<li>营销经理</li>
						<li>财务总监</li>
						<li>技术助理</li>
					</ul>
				</section>
			</aside>
			<section>
				<header>
					<hgroup>
						<h1>招聘启事</h1>
						<h3>2022年03月02，小美装修……</h3>
					</hgroup>
				</header>
				<section>
					<img src="" alt="" />
				</section>
				<article>
					<span>招聘信息</span>
					<hr color='red'/>
					<p>为了进一步扩大公司业务领域……</p>
				</article>
				<article>
					<span>基本要求</span>
					<hr color="yellow"/>
					<p>爱岗敬业</p>
				</article>
			</section>
			<footer>
				<p align='center'>Copyright &copy; 2022 小美装修 版权所有</p>
			</footer>
		</article>
	</body>
</html>